<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
    li{list-style:none;
	   float:left;
	   width:80px;
	   line-height:40px;
	   background:rgba(242,123,5,0.610;
	   border-radius:6px;
	   font-size:16px;
	   margin-left:3px;}
	li a{
		text-decoration:none;
		color:#600;
		display:block;
		text-align:center;
		height:40px;
	}
	li a:hover{
		background: rgba(242,88,6,0.87);
		border-radius:6px;
		transform: translate(4px,8px);
		-webkit-transform: translate(4px,8px);
		-o-transform: translate(4px,8px);
		-moz-transform:translate(4px,8px);}
</style>
</head>

<body>
  <ul>
   <li><a href="#">服装城</a></li>
   <li><a href="#">美妆馆</a></li>
   <li><a href="#">超市</a></li>
   <li><a href="#">全球购</a></li>
   <li><a href="#">闪购</a></li>
   <li><a href="#">团购</a></li>
  </ul>
</body>
</html>
